<div id="editProfile" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <div class="" role="tabpanel" data-example-id="togglable-tabs">
                    <ul id="myTab" class="nav nav-tabs bar_tabs" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#tab_content1" id="home-tab" role="tab"
                               data-toggle="tab" aria-expanded="true">User Info</a>
                        </li>
                        <li role="presentation" class="">
                            <a href="#tab_content2" role="tab" id="profile-tab"
                               data-toggle="tab" aria-expanded="false">User Password</a>
                        </li>
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div role="tabpanel" class="tab-pane active "
                             id="tab_content1" aria-labelledby="home-tab">
                            <div class="modal-body">
                                <form action="javascript:void(0);" class="form-horizontal form-label-left">
                                    <div class="item form-group">
                                        <label class="col-form-label col-md-3 col-sm-3 label-align"
                                               for="userNameForAdd">User Name
                                        </label>
                                        <div class="col-md-6 col-sm-6 ">
                                            <input type="text" id="userNameForAdd"
                                                   class="form-control" v-model:value="user.userName">
                                        </div>
                                    </div>
                                    <div class="item form-group">
                                        <label class="col-form-label col-md-3 col-sm-3 label-align"
                                               for="emailForAdd">Email
                                        </label>
                                        <div class="col-md-6 col-sm-6 ">
                                            <input type="text" id="emailForAdd"
                                                   class="form-control" v-model:value="user.email">
                                        </div>
                                    </div>
                                    <div class="item form-group">
                                        <label class="col-form-label col-md-3 col-sm-3 label-align"
                                               for="emailForAdd">Image
                                        </label>
                                        <div class="col-md-6 col-sm-6 ">
                                            <input type="hidden" v-model:value="user.userImage" />
                                            <input id="uploadImage" name="file" type="file" multiple=true>
                                        </div>
                                    </div>
                                </form>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                <button type="button" class="btn btn-primary"
                                        @click="updateModule()" data-dismiss="modal">Save changes</button>
                            </div>

                        </div>
                        <div role="tabpanel" class="tab-pane fade" id="tab_content2"
                             aria-labelledby="profile-tab">
                                第二个面板，修改密码
                        </div>
                    </div>
                </div>
            </div>

            <!--<div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary"
                        @click="insertModule()" data-dismiss="modal">Save changes</button>
            </div>-->
        </div>
    </div>
</div>